<head>
    <title>解决 margin 重叠</title>
    <link rel="stylesheet" href="../style.css">
</head>
<div class="w200 border-2">
    <div class="bfc">
        <div class="bg-blue w100 h100 mb-10"></div>
    </div>
    <div class="bg-pink w100 h100 mt-10 mb-10"></div>
    <div class="bg-green w100 h100 mt-10"></div>
</div>
<style>
    .bfc {
        overflow: hidden;
    }
</style>
